// import { fromToAnimate } from '../fromToAnimate';

// let keyframeNodeArr = { data: [] };

// class FromPlace {
//   constructor() {}
// }

// class ToPlace {
//   constructor() {}
// }

// class PiceDivInfo {
//   constructor() {
//     this['name'] = '';
//     this['node'] = undefined;
//     this['nextName'] = undefined;
//     this['fromPlace'] = undefined;
//     this['toPlace'] = undefined;
//   }
// }

// let fromToObj = {};

/**
 *
 * @param {*} el
 */
function registerElPosition(el, dictionArr) {
  //   console.log(el);
  console.log(el, dictionArr);
  elementPosition(el);
}

function elementPosition(el) {
  //   console.dir(el);
  let computedEl = window.getComputedStyle(el);
  return {
    classList: el.classList,
    clientLeft: el.clientLeft,
    clientTop: el.clientTop,
    offsetWidth:
      el.offsetWidth -
      computedEl.paddingLeft.slice(0, -2) -
      computedEl.paddingRight.slice(0, -2),
    offsetHeight:
      el.offsetHeight -
      computedEl.paddingTop.slice(0, -2) -
      computedEl.paddingBottom.slice(0, -2),
  };
}

export { registerElPosition };
